<template>
  <div>
      <p :style="yase" class="p"></p>
  </div>
</template>

<script>
export default {

  computed: {
    yase () {
      const r = Math.floor(Math.random() * 255)
      const g = Math.floor(Math.random() * 255)
      const b = Math.floor(Math.random() * 255)
      const color = `background-color: rgb( ${r},${g},${b});`
      return color
    }
  }
}
</script>

<style scoped>
.p{
    /* background-color: rgb(131, 42, 42); */
    width: 200px;
    height: 200px;
}
</style>
